<template>
  <div id="app">
    <router-view />
  </div>
</template>
<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
  color: #2c3e50;
}
#nav {
  padding: 30px;
}

#nav a {
  font-weight: bold;
  color: #2c3e50;
}
.searchBook {
  margin-right: 20px;
}
#nav a.router-link-exact-active {
  color: #42b983;
}
/* 全局面包屑 导航栏 样式 */
.breadcrumb {
  margin-bottom: 30px;
}
.pagination {
  margin-top: 20px;
}


.my-baacground-color > div:hover,
.el-menu-item:hover {
  background-color: #fd7d2723 !important;
}
.el-menu-item:focus {
  background-color: #fd7d2723 !important;
}
.el-menu-item.is-active {
  color: #fd7c27 !important;
}
/* 按钮 样式表 开始 */
.my-el-button,
.el-button--primary {
  background-color: #fd7c27 !important;
  border: 1px solid #fd7c27 !important;
}
.el-button.el-button--primary:hover{
  background-color: #fd7d27c5 !important;
  border: 1px solid #fd7d27d5 !important;
   color: #ffffff !important;
}
.my-el-button:hover {
  background-color: #fd7d27d5 !important;
  border: 1px solid #fd7d27d5 !important;
}
.my-el-button-default:hover,
.el-button--default:hover {
  color: #fd7c27 !important;
  background-color: #fd7d2723 !important;
  border: 1px solid #fd7d2723 !important;
}
.my-el-button-text{
  color: #fd7c27 !important;
}
/* 按钮样式表 结束 */
/* 分页样式表 开始 */
.el-pager li.active{
  color: #fd7c27 !important;
}
.el-pager li:hover{
  color: #fd7c27 !important;
}
.btn-next>i:hover,
.btn-prev>i:hover{
  color: #fd7c27 !important;
}
.el-scrollbar>div>ul>.selected{
  color: #fd7c27 !important;
}
.el-scrollbar>div>ul>li:hover{
 background-color: #fd7d2723 !important;
}
.el-select .el-input.is-focus >input{
  border-color:  #fd7c27 !important;
}
.el-select .el-input >input:hover{
  border: 1px solid #fd7c27 !important;
}
/* 分页样式表结束 */
/* Dropdown 样式表 开始 */
.my-el-dropdown-item:hover{
  background-color: #fd7d2723 !important;
  color: #fd7c27 !important;
}
/*  Dropdown 样式表 结束  */
/* input 框 样式表 开始 */
.el-input>input:focus{
  border-color:  #fd7c27 !important;
}
.el-select .el-input>input:focus{
  border-color: #fd7c27 !important;
}
/* input 框样式表 结束 */
/* textarea 样式表 开始 */
.my-el-input> textarea:focus{
   border-color:  #fd7c27 !important;
}
/*  textarea 样式表 结束 */
/* close 关闭  开始 */
.el-icon-close:hover{
  color: #fd7c27  !important;
}
/* close 关闭 结束 */
/* table  复选框  开始 */
.el-checkbox__input.is-checked .el-checkbox__inner,
.el-checkbox__input.is-indeterminate .el-checkbox__inner{
  background-color: #fd7c27 !important;
  border-color:#fd7c27 !important;
}
.el-checkbox__inner:hover{
  border-color:#fd7c27 !important;
}
/* table 复选框 结束 */
/* 面包屑 样式表 开始 */
.el-breadcrumb__inner.is-link:hover{
  color: #fd7c27 !important;
    cursor: pointer;
}
.el-loading-spinner .el-loading-text{
  color: #fd7c27 !important;
}
.el-icon-loading{
  color: #fd7c27 !important;
}
.el-loading-spinner .path {
  stroke: #fd7c27 !important;
}
</style>
